<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <title>随笔</title>
    <link th:include="fragment/import :: import">
    <link rel="stylesheet" th:href="@{/static/css/main.css}">
</head>
<body style="background-color: #fbfbfb;font-family: 'Adobe 仿宋 Std R',serif">
<div th:replace="fragment/common :: header(resUrl='InformaEssay.html')"></div>
<div class="xianyan-content container">
    <div class="row my-row-article">
        <div class="col-lg-1 col-md-0 col-sm-0 "></div>
        <div class="col-lg-10 col-md-12 col-sm-12 my-col-article">
            <div class="xianyan-content-main">
                <!--定位按钮-->
                <span class="glyphicon glyphicon-refresh" id="my-btn"></span>
                <!--中间部分-->
                <div class="xianyan-content-left">
                    <!--左边发帖框-->
                    <div class="xianyan-essay-left-input">
                        <div class="xianyan-essay-input-tip">
                            我们在这里倾听你的想法
                        </div>
                        <div class="xianyan-essay-input-text">
                            <textarea name="essay-content" id="" width="98%" rows="6" placeholder="请输入内容"></textarea>
                        </div>
                        <div class="xianyan-essay-else">
                            <ul>
                                <li>
                                    <img th:src="@{/static/images/smile.png}" alt="">
                                    <span>表情</span>
                                </li>
                                <li>
                                    <img th:src="@{/static/images/table.png}" alt="">
                                    <span>话题</span>
                                </li>
                                <li id="essay_img">
                                    <img th:src="@{/static/images/edit.png}" alt="">
                                    <span>图片</span>
                                </li>
                                <li>
                                    <span class="push-essay">发表</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--帖子-->
                    <div class="xianyan-left-essay-post">
                        <div class="xianyan-post-writer-information">
                            <!--作者信息-->
                            <div class="xianyan-post-writer-img">
                                <img class="img-circle img-responsive" th:src="@{/static/images/xyIndex/head.png}" alt="">
                            </div>
                            <div class="xianyan-writer">
                                <div class="xianyan-writer-name"><a href="#">寂寞老黑</a></div>
                                <div class="xianyan-post-time">今天 19:10</div>
                            </div>
                        </div>
                        <div class="xianyan-post-content">
                            <!--文字内容-->
                            <p>
                                当你老了，头白了，睡思昏沉，

                                炉火旁打盹，请取下这部诗歌，

                                慢慢读，回想你过去眼神的柔和， 回想它们昔日浓重的阴影； 多少人爱你青春欢畅的时辰， 爱慕你的美丽，假意或者真心， 只有一个人爱你那朝圣者的灵魂， 爱你衰老了的脸上痛苦的皱纹； 垂下头来，在红光闪耀的炉子旁， 凄然地轻轻诉说那爱情的消逝， 在头顶的山上它缓缓踱着步子， 在一群星星中间隐藏着脸庞。
                            </p>
                        </div>
                        <div class="xianyan-post-image">
                            <!--图片内容-->
                            <img class="img-responsive" th:src="@{/static/images/xyIndex/dog.jpg}" alt="...">
                        </div>
                        <div class="xianyan-post-else">
                            <!--其他信息-->
                            <ul>
                                <li>111 次浏览</li>
                                <li>
                                    <img th:src="@{/static/images/table.png}" alt="">
                                    <span>话题</span>
                                </li>
                                <li class="xianyan-post-else-right">
                                    <img th:src="@{/static/images/xyIndex/like.png}" alt="">
                                    <span>111</span>
                                </li>
                                <li class="xianyan-post-else-right">
                                    <img th:src="@{/static/images/xyIndex/message.png}" alt="">
                                    <span>111</span>
                                </li>

                            </ul>
                        </div>
                    </div>
                    <div class="xianyan-left-essay-post">
                        <div class="xianyan-post-writer-information">
                            <!--作者信息-->
                            <div class="xianyan-post-writer-img">
                                <img class="img-circle img-responsive" th:src="@{/static/images/xyIndex/head.png}" alt="">
                            </div>
                            <div class="xianyan-writer">
                                <div class="xianyan-writer-name"><a href="#">寂寞老黑</a></div>
                                <div class="xianyan-post-time">今天 19:10</div>
                            </div>
                        </div>
                        <div class="xianyan-post-content">
                            <!--文字内容-->
                            <p>
                                当你老了，头白了，睡思昏沉，

                                炉火旁打盹，请取下这部诗歌，

                                慢慢读，回想你过去眼神的柔和， 回想它们昔日浓重的阴影； 多少人爱你青春欢畅的时辰， 爱慕你的美丽，假意或者真心， 只有一个人爱你那朝圣者的灵魂， 爱你衰老了的脸上痛苦的皱纹； 垂下头来，在红光闪耀的炉子旁， 凄然地轻轻诉说那爱情的消逝， 在头顶的山上它缓缓踱着步子， 在一群星星中间隐藏着脸庞。
                            </p>
                        </div>
                        <div class="xianyan-post-image">
                            <!--图片内容-->
                            <img class="img-responsive" th:src="@{/static/images/xyIndex/dog.jpg}" alt="...">
                        </div>
                        <div class="xianyan-post-else">
                            <!--其他信息-->
                            <ul>
                                <li>111 次浏览</li>
                                <li>
                                    <img th:src="@{/static/images/table.png}" alt="">
                                    <span>话题</span>
                                </li>
                                <li class="xianyan-post-else-right">
                                    <img th:src="@{/static/images/xyIndex/like.png}" alt="">
                                    <span>111</span>
                                </li>
                                <li class="xianyan-post-else-right">
                                    <img th:src="@{/static/images/xyIndex/message.png}" alt="">
                                    <span>111</span>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
                <!--右边-->
                <div class="xianyan-content-right">
                    <div class="xianyan-story-ranking" style="margin-top: 10px">
                        <div class="xianyan-story-ranking-bac">
                            <div class="xian-story-ranking-title class-title">
                                最热话题
                            </div>
                            <div class="xianyan-story-ranking-list essay-list">
                                <ul>
                                    <li><a href="#">#生活如此多娇#</a><span>312</span></li>
                                    <li><a href="#">#生活如此多娇#</a><span>312</span></li>
                                    <li><a href="#">#生活如此多娇#</a><span>312</span></li>
                                    <li><a href="#">#生活如此多娇#</a><span>312</span></li>
                                    <li><a href="#">#生活如此多娇#</a><span>312</span></li>
                                    <li><a href="#">#生活如此多娇#</a><span>312</span></li>
                                    <li><a href="#">#生活如此多娇#</a><span>312</span></li>
                                    <li><a href="#">#生活如此多娇#</a><span>312</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="col-lg-1 col-md-0 col-sm-0 "></div>
    </div>
</div>
<div th:replace="fragment/common :: footer"></div>
</body>
<script>
    layui.use('upload', function(){
        var upload = layui.upload;

        //执行实例
        var uploadInst = upload.render({
            elem: '#essay_img' //绑定元素
            ,url: '/upload/' //上传接口
            ,done: function(res){
                //上传完毕回调
            }
            ,error: function(){
                //请求异常回调
            }
        });
    });
</script>
<script>
 /*   layui.config({
        base: '../../static/js/'
    }).extend({ //设定模块别名
        project: 'project' //如果 mymod.js 是在根目录，也可以不用设定别名
    }).use('project');*/

</script>
</html>